<template>
    <div class="index_container__3Or0C">
        <div class="Header_container__hWHtk">
            <div class="ct-musician-topbar ct-musician-topbar-transparent">
                <div class="content">
                    <div class="logo-wrapper"><a target="_self" rel="noopener noreferrer" href="javascript:void(0);"
                            class="logo"><svg height="22" width="153" viewBox="0 0 153 22"
                                xmlns="http://www.w3.org/2000/svg" style="fill: var(--topbar-primary-text-color);">
                                <defs>
                                    <polygon id="path-1"
                                        points="0 0.000104761905 144.457633 0.000104761905 144.457633 21.978 0 21.978">
                                    </polygon>
                                </defs>
                                <g id="导航栏logo" stroke="none" stroke-width="1" fill-rule="evenodd">
                                    <g id="编组" transform="translate(8.000000, 0.000000)">
                                        <g id="Clip-2"></g>
                                        <path
                                            d="M59.5351429,7.8652619 L71.5513333,7.8652619 L71.5513333,6.02145238 L59.5351429,6.02145238 L59.5351429,7.8652619 Z M59.5351429,4.46102381 L71.5513333,4.46102381 L71.5513333,2.61721429 L59.5351429,2.61721429 L59.5351429,4.46102381 Z M58.3484524,9.42569048 L72.7215238,9.42569048 C73.1523571,9.42569048 73.5017381,9.07630952 73.5017381,8.64547619 L73.5017381,1.837 C73.5017381,1.40616667 73.1523571,1.05678571 72.7215238,1.05678571 L58.3484524,1.05678571 C57.917619,1.05678571 57.5682381,1.40616667 57.5682381,1.837 L57.5682381,8.64547619 C57.5682381,9.07630952 57.917619,9.42569048 58.3484524,9.42569048 L58.3484524,9.42569048 Z"
                                            id="Fill-1" mask="url(#mask-2)"></path>
                                        <path
                                            d="M73.3987571,10.9532762 L58.5238762,10.9532762 C58.2826619,10.9532762 58.0548048,11.0648476 57.9068286,11.2557762 L56.3505905,13.4272286 L54.8043048,15.5457762 C54.7087095,15.6767286 54.8022095,15.8603238 54.9640667,15.8603238 L56.6771857,15.8603238 C56.8136381,15.8603238 56.9419714,15.7953714 57.0221143,15.6851095 L59.2569476,12.6278952 L62.3958762,12.6278952 L56.7895429,20.3391571 C56.6923762,20.4729905 56.7877095,20.6602524 56.9532333,20.6602524 L58.6467095,20.6602524 C58.7876143,20.6602524 58.9201381,20.5929429 59.0029,20.4790143 L64.7111143,12.6278952 L67.9163048,12.6278952 L62.3052571,20.3485857 C62.2109714,20.4784905 62.3036857,20.6602524 62.4639714,20.6602524 L64.1904476,20.6602524 C64.3182571,20.6602524 64.4379476,20.5992286 64.5131143,20.4960381 L70.231281,12.6278952 L71.2804714,12.6278952 L72.2285667,12.6302524 L72.2285667,16.137419 L72.2285667,16.7874667 L72.2285667,17.3754429 C72.2285667,18.1124429 71.6311619,18.7095857 70.8944238,18.7095857 L69.2983762,18.7095857 C69.1710905,18.7095857 69.0514,18.7706095 68.9764952,18.8738 L67.9181381,20.3302524 C67.8183524,20.4677524 67.9163048,20.6602524 68.086281,20.6602524 L70.8939,20.6602524 C72.7081143,20.6602524 74.1792333,19.1896571 74.1792333,17.375181 L74.1792333,11.7334905 C74.1792333,11.3026571 73.8298524,10.9532762 73.3987571,10.9532762"
                                            id="Fill-3" mask="url(#mask-2)"></path>
                                        <path
                                            d="M49.5656857,1.29375714 L31.9083286,1.29375714 C31.3695905,1.29375714 30.9329952,1.73035238 30.9329952,2.26909048 L30.9329952,20.472781 C30.9329952,20.5964 31.0330429,20.6964476 31.1566619,20.6964476 L32.6599952,20.6964476 C32.7836143,20.6964476 32.8836619,20.5964 32.8836619,20.472781 L32.8836619,3.24442381 L48.5903524,3.24442381 L48.5903524,4.78049524 L48.5903524,17.4116381 C48.5903524,18.1483762 47.9929476,18.745781 47.2562095,18.745781 L46.1855429,18.745781 C46.0603524,18.745781 45.9424952,18.8057571 45.8686381,18.9071143 L44.7620905,20.4300905 C44.6816857,20.5408762 44.760781,20.6964476 44.8977571,20.6964476 L47.2556857,20.6964476 C49.0403048,20.6964476 50.4938762,19.2656619 50.5370905,17.491519 L50.541019,17.491519 L50.541019,4.78049524 L50.541019,2.26909048 C50.541019,1.73035238 50.1041619,1.29375714 49.5656857,1.29375714"
                                            id="Fill-4" mask="url(#mask-2)"></path>
                                        <path
                                            d="M45.2154476,16.4417524 L46.9348524,16.4417524 C47.081781,16.4417524 47.1739714,16.2830381 47.1009,16.1552286 L44.1523762,10.995181 L47.1009,5.83487143 C47.1739714,5.70732381 47.081781,5.54834762 46.9351143,5.54834762 L45.2154476,5.54834762 C45.1468286,5.54834762 45.0831857,5.58527619 45.0491381,5.64499048 L43.0735905,9.10213333 L41.0980429,5.64499048 C41.0637333,5.58527619 41.0003524,5.54834762 40.9317333,5.54834762 L39.2123286,5.54834762 C39.0654,5.54834762 38.9732095,5.70732381 39.046281,5.83487143 L41.9948048,10.995181 L39.046281,16.1552286 C38.9732095,16.2830381 39.0654,16.4417524 39.2123286,16.4417524 L40.9317333,16.4417524 C41.0003524,16.4417524 41.0637333,16.4048238 41.0980429,16.3453714 L43.0735905,12.8879667 L45.0491381,16.3453714 C45.0834476,16.4048238 45.1468286,16.4417524 45.2154476,16.4417524"
                                            id="Fill-5" mask="url(#mask-2)"></path>
                                        <path
                                            d="M39.451369,11.074119 C39.4862024,11.0178095 39.4935357,10.9447381 39.4560833,10.879 L36.4612024,5.64483333 C36.4271548,5.58538095 36.3635119,5.54845238 36.2948929,5.54845238 L34.5553214,5.54845238 C34.4083929,5.54845238 34.3162024,5.70716667 34.3892738,5.83471429 L37.33125,10.9766905 L34.3730357,16.1553333 C34.2999643,16.282881 34.3921548,16.4418571 34.5390833,16.4418571 L36.2786548,16.4418571 C36.3475357,16.4418571 36.4109167,16.4049286 36.4447024,16.3452143 L39.4477024,11.0890476 C39.4503214,11.0843333 39.4490119,11.0790952 39.451369,11.074119"
                                            id="Fill-6" mask="url(#mask-2)"></path>
                                        <path
                                            d="M90.4861571,7.55283571 L86.4266333,7.55283571 L84.3245857,3.86390714 L92.5879429,3.86390714 L90.4861571,7.55283571 Z M98.2903952,7.55283571 L92.6411095,7.55283571 L94.7431571,3.86390714 L95.9141333,3.86390714 C96.5353714,3.86390714 97.0390143,3.36052619 97.0390143,2.7392881 L97.0390143,2.21076429 C97.0390143,2.08950238 96.9408,1.9912881 96.8192762,1.9912881 L89.5988238,1.9912881 L88.721181,0.46307381 C88.6397286,0.321383333 88.4886095,0.233907143 88.3254429,0.233907143 L86.7791571,0.233907143 C86.6241095,0.233907143 86.5269429,0.401788095 86.6044667,0.536145238 L87.4404667,1.9912881 L80.1055619,1.9912881 C79.9777524,1.9912881 79.8737762,2.09500238 79.8737762,2.22307381 L79.8737762,2.7392881 C79.8737762,3.36052619 80.3771571,3.86390714 80.9983952,3.86390714 L82.1696333,3.86390714 L84.271681,7.55283571 L78.6210857,7.55283571 C78.4843714,7.55283571 78.3735857,7.66362143 78.3735857,7.80033571 L78.3735857,8.3113119 C78.3735857,8.9267881 78.8725143,9.42571667 79.4877286,9.42571667 L97.4504667,9.42571667 C98.0518,9.42571667 98.5392048,8.9383119 98.5392048,8.33697857 L98.5392048,7.80138333 C98.5392048,7.66414524 98.4278952,7.55283571 98.2903952,7.55283571 L98.2903952,7.55283571 Z"
                                            id="Fill-7" mask="url(#mask-2)"></path>
                                        <path
                                            d="M94.2367381,14.430219 L94.2367381,14.9409333 L82.684119,14.9409333 L82.684119,12.6851476 L92.5961667,12.6851476 L94.2367381,12.6851476 L94.2367381,14.430219 Z M82.684119,18.9284333 L94.2367381,18.9284333 L94.2367381,16.6729095 L82.684119,16.6729095 L82.684119,18.9284333 Z M95.2508333,10.9531714 L92.5961667,10.9531714 L81.6619048,10.9531714 C81.1449048,10.9531714 80.7253333,11.3727429 80.7253333,11.8897429 L80.7253333,19.7238381 C80.7253333,20.2408381 81.1449048,20.6604095 81.6619048,20.6604095 L95.2508333,20.6604095 C95.7678333,20.6604095 96.1874048,20.2408381 96.1874048,19.7238381 L96.1874048,14.430219 L96.1874048,11.8897429 C96.1874048,11.3727429 95.7678333,10.9531714 95.2508333,10.9531714 L95.2508333,10.9531714 Z"
                                            id="Fill-8" mask="url(#mask-2)"></path>
                                        <path
                                            d="M121.743286,9.83004524 L121.743286,9.27978333 C121.743286,9.16952143 121.653976,9.08047381 121.543976,9.08047381 L113.661429,9.08047381 L113.661429,5.03849762 C113.661429,4.91566429 113.561643,4.81587857 113.438548,4.81587857 L112.828571,4.81587857 C112.211262,4.81587857 111.7105,5.31637857 111.7105,5.9336881 L111.7105,9.08047381 L105.212381,9.08047381 L105.864524,4.17237857 C111.404071,3.90733095 117.048905,3.23528333 119.350262,2.94037857 C119.942167,2.8646881 120.358071,2.3201881 120.275048,1.72933095 L120.190714,1.12930714 C120.17631,1.02664048 120.084905,0.954616667 119.982238,0.968759524 C118.765167,1.13349762 111.674095,2.06535476 104.990286,2.33642619 C104.530905,2.35528333 104.152714,2.7051881 104.098238,3.1622119 L103.228452,9.90678333 C103.197286,10.1723548 103.280571,10.43845 103.458667,10.6385452 C103.636238,10.8386405 103.891071,10.9533548 104.158738,10.9533548 L111.7105,10.9533548 L111.7105,17.376831 C111.7105,18.113831 111.113357,18.7112357 110.376095,18.7112357 L110.034833,18.7112357 C109.897071,18.7112357 109.767429,18.7774976 109.686762,18.889331 L108.670571,20.2981167 C108.561095,20.4500214 108.669524,20.6619024 108.856786,20.6619024 L110.376095,20.6619024 C112.19031,20.6619024 113.661429,19.1910452 113.661429,17.376831 L113.661429,10.9533548 L120.619976,10.9533548 C121.240429,10.9533548 121.743286,10.4504976 121.743286,9.83004524"
                                            id="Fill-9" mask="url(#mask-2)"></path>
                                        <path
                                            d="M108.431714,12.6852262 L107.064833,12.6852262 C106.688476,12.6852262 106.339095,12.8730119 106.134024,13.1883452 C105.194048,14.6319643 103.874833,17.2242976 102.574214,19.29125 C102.462381,19.4693452 102.585738,19.6998214 102.796048,19.6998214 L104.038786,19.6998214 C104.413048,19.6998214 104.76819,19.5149167 104.967238,19.19775 C106.434952,16.8584167 107.810214,14.3079881 108.595143,12.9824881 C108.673452,12.8502262 108.585452,12.6852262 108.431714,12.6852262"
                                            id="Fill-10" mask="url(#mask-2)"></path>
                                        <path
                                            d="M118.755293,13.1883452 C118.54996,12.8730119 118.20084,12.6852262 117.824483,12.6852262 L116.457602,12.6852262 C116.303864,12.6852262 116.215602,12.8502262 116.293912,12.9824881 C117.07884,14.3079881 118.454364,16.8584167 119.92234,19.19775 C120.121126,19.5149167 120.476269,19.6998214 120.850531,19.6998214 L122.093269,19.6998214 C122.303579,19.6998214 122.426936,19.4693452 122.31484,19.29125 C121.014483,17.2242976 119.695269,14.6319643 118.755293,13.1883452"
                                            id="Fill-11" mask="url(#mask-2)"></path>
                                        <path
                                            d="M144.457633,20.0082929 L144.449407,19.0319119 C144.449407,19.0319119 144.365336,18.6982452 144.069121,18.5232929 C143.123121,17.9638643 139.988907,16.0860071 138.490812,13.6919357 C136.871193,11.1040548 136.343193,8.73250714 136.065574,7.34284048 C135.903193,6.52857857 135.758098,5.80048333 135.66905,5.20203095 C135.731121,3.52924524 135.754431,1.31353095 135.754431,1.11343571 C135.754431,0.837911905 135.500907,0.853364286 135.500907,0.853364286 L135.179812,0.853364286 L134.088979,0.853102381 C133.79224,0.853102381 133.807431,1.11526905 133.807431,1.11526905 C133.807431,1.11526905 133.74824,6.03907857 133.544217,7.4599119 C133.342812,8.86215 132.813764,11.1040548 131.193883,13.6919357 C129.695788,16.0860071 126.558169,17.9581024 125.615574,18.5232929 C125.212764,18.764769 125.230199,19.0643881 125.230199,19.0643881 L125.232145,20.0082929 C125.232145,20.0082929 125.203598,20.7429357 126.019169,20.3388167 C129.198955,18.7639833 131.742312,16.4626262 133.546836,13.3972929 C134.213383,12.2650786 134.545479,11.0349119 134.842479,10.2112214 C135.139217,11.0349119 135.449836,12.2779119 136.13786,13.3972929 C137.856217,16.1926024 139.950407,18.4716976 143.671288,20.3390786 C144.484764,20.7473881 144.457633,20.0082929 144.457633,20.0082929"
                                            id="Fill-12" mask="url(#mask-2)"></path>
                                        <path
                                            d="M14.1488024,0.0375571429 L14.1433024,0.0359857143 C14.058969,0.0126761905 13.9769929,0.000104761905 13.8853262,0.000104761905 C13.3366357,0.000104761905 12.8919214,0.444819048 12.8919214,0.993247619 C12.8919214,0.993247619 12.9199452,5.77327143 12.920731,8.1039619 C12.8384929,8.10422381 10.88835,7.67312857 9.44446905,8.4559619 C8.04904048,9.21260476 7.48804048,10.279081 7.48804048,11.5490571 C7.48804048,13.023581 9.17523095,14.277581 11.0114452,14.008081 C13.2554452,13.6783429 14.8617071,12.2383905 14.8617071,9.24481905 L14.8617071,2.39129524 C18.0991119,3.81212857 20.3611833,7.04350952 20.3611833,10.8057714 C20.3611833,15.8804381 16.2471833,19.9947 11.1722548,19.9947 C6.09732619,19.9947 1.98332619,15.8804381 1.98332619,10.8057714 C1.98332619,6.62917619 4.77077857,3.10577143 8.58594524,1.98848571 L8.58594524,1.9879619 C9.02254048,1.8834619 9.34835,1.4929619 9.34835,1.02415238 C9.34835,0.475461905 8.90363571,0.030747619 8.35494524,0.030747619 C8.27899286,0.030747619 8.20565952,0.0412238095 8.13442143,0.0574619048 L8.13389762,0.0551047619 C3.44082619,1.37903333 -7.85714286e-05,5.6889381 -7.85714286e-05,10.8057714 C-7.85714286e-05,16.9759857 5.00204048,21.9781048 11.1722548,21.9781048 C17.342469,21.9781048 22.3445881,16.9759857 22.3445881,10.8057714 C22.3445881,5.66667619 18.8735643,1.34079524 14.1488024,0.0375571429"
                                            id="Fill-13" mask="url(#mask-2)"></path>
                                    </g>
                                </g>
                            </svg></a></div>
                    <div class="nav-wrapper">
                        <div class="left">
                            <ul class="musician-topbar-nav">
                                <li class="itm"><a target="_self" rel="noopener noreferrer"
                                        href="javascript:void(0);">首页</a></li>
                                <li class="itm"><a target="_blank" rel="noopener noreferrer"
                                        href="javascript:void(0);">Beat交易平台</a></li>
                                <li class="itm"><a target="_blank" rel="noopener noreferrer"
                                        href="javascript:void(0);">常见问题</a></li>
                                <li class="itm itm-selected"><a target="_self" rel="noopener noreferrer"
                                        href="javascript:void(0);">关于我们</a></li>
                            </ul>
                        </div>
                        <div class="right">
                            <div class="musician-topbar-profile">
                                <div class="avatar"><a target="_self" rel="noopener noreferrer"
                                        href="/user/home?id=1955466610"><img
                                            src="http://p1.music.126.net/cje0m-ST9QXXZIljqxtO7Q==/109951164796043001.jpg?param=60y60"
                                            alt="avatar"></a></div>
                                <div class="username-wrapper">
                                    <div class="username">我能点兔子吗</div>
                                    <div class="username-arrow"><svg height="12" width="12" viewBox="0 0 12 12"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <title>导航栏下拉60%透明度</title>
                                            <path
                                                d="M6.191 8.558a.5.5 0 0 1-.707 0L1.948 5.023a.5.5 0 1 1 .708-.707l3.179 3.179 3.2-3.202A.5.5 0 1 1 9.744 5L6.222 8.525a.506.506 0 0 1-.031.033z"
                                                fill-rule="evenodd" style="fill: rgb(255, 255, 255);"></path>
                                        </svg></div>
                                    <ul class="profile-nav-none">
                                        <li><a target="javascript:void(0)" rel="noopener noreferrer"
                                                class="itm itm-logout"> 退出登录 </a></li>
                                        <li><i class="arrow"></i></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="split-line"></div>
                            <div class="musician-topbar-message" data-theme="dark"><a target="_self"
                                    rel="noopener noreferrer" href="/#/msg/m/at">
                                    <div class="num-wrapper">
                                        <div class="num">52</div>
                                    </div>
                                </a></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="Entrance_container__2vULV">
            <div class="Entrance_gradient__jAZjl"></div>
            <div class="Entrance_mask__2LVti">
                <div class="Entrance_content__34Dok">
                    <p class="Entrance_subtitle__2IbU6">70<!-- -->w+音乐人的选择&nbsp;&nbsp;中国领先的原创音乐人平台</p>
                    <h1 class="Entrance_title__1a1We"></h1>
                    <div class="Entrance_background__1SLt5"></div>
                    <div class="ApplyButtons_btns__dZvhm"><a data-disabled="false" data-mspm="5fa0bc245a3d0e2489e06e40"
                            href="/musician/artist/apply">立即入驻</a><i class="ApplyButtons_spliter__W2bMC"></i><a
                            data-disabled="false" data-mspm="5fa0bc245a3d0e2489e06e40"
                            href="/musician/artist/apply/school">校园入驻</a></div>
                </div>
                <div class="Entrance_footer__3_EpL"><a class="Entrance_enapply__1nFgZ"
                        href="https://music.163.com/#/topic?id=18575148" target="_blank">Apply For Netease Artists</a>
                </div>
            </div>
        </div>
        <div class="Title_container ">
            <div class=" fadeInUp">
                <h1 class="Title_title__3U6nG">70W+音乐人已加入</h1>
            </div>
        </div>


        <div class="Footer_container__1j24J">
            <div class="Footer_box__3zg0Y"><a class="Footer_slogon__1CcF1" href="https://music.163.com/"
                    target="_blank"></a>
                <div class="Footer_content__1shg_">
                    <div class="Footer_info__3RzTt">
                        <p>网易公司版权所有©1997-2025杭州乐读科技有限公司运营</p>
                        <p><a href="https://p5.music.126.net/obj/wo3DlcOGw6DClTvDisK1/8282703158/452a/ca0c/3a10/caad83bc8ffaa850a9dc1613d74824fc.png"
                                target="_blank" class="a">浙网文[2021]
                                1186-054号</a>&nbsp;&nbsp;&nbsp;粤B2-20090191-18&nbsp;&nbsp;&nbsp;工业和信息化部备案管理系统网站</p>
                    </div>
                    <ul class="Footer_links__SOqiF">
                        <li class="Footer_item__3Xcse"><a
                                href="https://mp.music.163.com/600948c936c13f4d09752e73/contact-us-web/index.html?source=Music-Musicians"
                                target="_blank" data-mspm="5fa0cdb05a3d0e2489e06fc5">联系我们</a></li>
                        <li class="Footer_divide__1hww4"></li>
                        <li class="Footer_item__3Xcse"><a href="https://st.music.163.com/official-terms/privacy"
                                target="_blank" rel="noreferrer" data-mspm="5fa0cdb05a3d0e2489e06fc5">隐私政策</a></li>
                        <li class="Footer_divide__1hww4"></li>
                        <li class="Footer_item__3Xcse"><a href="https://st.music.163.com/official-terms/service"
                                target="_blank" rel="noreferrer" data-mspm="5fa0cdb05a3d0e2489e06fc5">服务条款</a></li>
                    </ul>
                </div>
            </div>
        </div>

    </div>
</template>

<script setup lang="ts">

</script>

<style lang="scss" scoped>
.index_container__3Or0C {
    min-height: 100vh;
    overflow-x: unset;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;

    .Header_container__hWHtk {
        min-width: 1316px;
        position: fixed;
        height: 60px;
        top: 0px;
        left: 0px;
        right: 0px;
        z-index: 100;
        display: block;
        unicode-bidi: isolate;

        .ct-musician-topbar {
            box-sizing: content-box;
            background-color: transparent;
            position: relative;
            z-index: 1000;
            width: 100%;
            font-family: "PingFang SC", "Microsoft YaHei";
            transition: background-color 0.5s linear;
            padding: 0px 40px;

            .content {
                display: flex;
                width: 1316px;
                font-size: 16px;
                height: 60px;
                line-height: 60px;
                margin: 0px auto;
                max-width: 1440px;
                min-width: 1060px;
                width: 100% !important;
                box-sizing: border-box;

                .logo-wrapper {
                    width: 200px;
                    margin-right: 16px;
                    box-sizing: border-box;

                    .logo {
                        display: block;
                        width: 153px;
                        height: 22px;
                        margin-top: 19px;
                        box-sizing: border-box;
                        color: inherit;
                        text-decoration: none;
                        cursor: pointer;
                        line-height: 60px;
                        font-size: 16px;

                        svg {
                            display: block;
                            height: 22;
                            width: 153;
                            color: inherit;
                        }

                        svg:not(:root) {
                            overflow-clip-margin: content-box;
                            overflow: hidden;
                        }
                    }
                }

                .nav-wrapper {
                    display: flex;
                    flex: 1 1 0%;


                    .left {
                        margin-left: -10px;
                        flex: 1 1 0%;
                        box-sizing: border-box;
                        display: block;
                        unicode-bidi: isolate;
                        font-size: 16px;
                        line-height: 60px;
                        font-family: "PingFang SC", "Microsoft YaHei";


                        .musician-topbar-nav {
                            zoom: 1;
                            list-style: none;
                            display: block;
                            margin-block-start: 1em;
                            margin-block-end: 1em;
                            padding-inline-start: 40px;
                            unicode-bidi: isolate;
                            font-size: 16px;
                            line-height: 60px;
                            font-family: "PingFang SC", "Microsoft YaHei";
                            margin: 0;


                            .itm {
                                float: left;
                                margin-right: 20px;
                                line-height: 60px;
                                font-weight: 400;
                                display: list-item;
                                text-align: -webkit-match-parent;
                                unicode-bidi: isolate;
                                list-style: none;
                                font-size: 16px;
                                font-family: "PingFang SC", "Microsoft YaHei";
                                text-decoration: none;

                                &:hover a {
                                    opacity: 1;
                                    font-weight: 500;
                                    color: #000 !important;
                                }

                                a {
                                    // color: inherit;
                                    text-decoration: none;
                                    display: block;
                                    padding: 0 10px;
                                    font-size: 16px;
                                    opacity: .8;
                                    cursor: pointer;
                                    color: #000;
                                }
                            }
                        }
                    }

                    .right {
                        display: flex;
                        justify-content: flex-end;
                        align-items: center;
                        width: 475px;
                        font-size: 14px;
                        font-weight: 400;
                        box-sizing: border-box;

                        .musician-topbar-profile {
                            display: inline-block;
                            height: 24px;
                            box-sizing: border-box;
                            unicode-bidi: isolate;

                            .avatar {
                                float: left;
                                margin-right: 5px;
                                width: 24px;
                                height: 24px;
                                overflow: hidden;

                                img {
                                    width: 100%;
                                    height: 100%;
                                    vertical-align: top;
                                    border-radius: 50%;
                                    overflow-clip-margin: content-box;
                                    overflow: clip;
                                }

                            }

                            .username-wrapper {
                                position: relative;
                                float: left;
                                height: 24px;

                                .username {
                                    overflow-wrap: normal;
                                    text-overflow: ellipsis;
                                    max-width: 180px;
                                    margin-top: -15px;
                                    height: 54px;
                                    line-height: 24px;
                                    color: var(--topbar-primary-text-color);
                                    cursor: pointer;
                                    overflow: hidden;
                                    white-space: nowrap;
                                    padding: 15px 16px 15px 0px;
                                }

                                .username-arrow {
                                    position: absolute;
                                    top: 6px;
                                    right: 0px;
                                    width: 12px;
                                    height: 12px;

                                    svg {
                                        display: block;
                                        height: 12;
                                        width: 12;
                                    }

                                    svg:not(:root) {
                                        overflow-clip-margin: content-box;
                                        overflow: hidden;
                                    }
                                }

                                .profile-nav-none {
                                    display: none;

                                    li {
                                        display: list-item;
                                        text-align: -webkit-match-parent;
                                        unicode-bidi: isolate;
                                        list-style: none;
                                        font-size: 14px;
                                        font-weight: 400;
                                        line-height: 60px;
                                    }
                                }
                            }
                        }

                        .split-line {
                            display: inline-block;
                            width: 1px;
                            height: 16px;
                            opacity: 0.2;
                            background-color: #000;
                            margin: 0px 22px;
                        }

                        .musician-topbar-message {
                            display: inline-block;
                            width: 24px;
                            height: 16px;
                            margin-right: 16px;
                            background: url(../assets/Musician/obj_wonDlsKUwrLClGjCm8Kx_11241711291_bedf_0647_d967_d986d6844789559a002635cd399607d1.jpg) 0px -5px / cover no-repeat;
                            background-position: 0px -5px;
                            font-size: 14px;
                            font-weight: 400;
                            line-height: 60px;
                            text-decoration: none;
                            cursor: pointer;

                            .num-wrapper {
                                width: 100%;
                                height: 100%;
                                position: relative;
                                cursor: pointer;

                                .num {
                                    position: absolute;
                                    height: 16px;
                                    min-width: 16px;
                                    line-height: 12px;
                                    top: -6px;
                                    left: 12px;
                                    text-align: center;
                                    background-color: rgb(255, 58, 58);
                                    font-family: Helvetica;
                                    font-weight: 700;
                                    font-size: 12px;
                                    color: rgb(255, 255, 255);
                                    padding: 1px 3px;
                                    border-width: 1px;
                                    border-style: solid;
                                    border-color: rgb(255, 58, 58);
                                    border-image: initial;
                                    border-radius: 16px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    .Entrance_container__2vULV {
        position: relative;
        width: 100%;
        height: 100vh;
        min-height: 621px;

        .Entrance_gradient__jAZjl {
            position: absolute;
            top: 0;
            left: 0;
            background-image: -webkit-linear-gradient(-90deg, #fafafa 83%, #f3cecc);
            width: 100%;
            height: 733px;
            z-index: 4;
        }

        .Entrance_mask__2LVti {
            z-index: 99;
            display: flex;
            flex-direction: column;
            align-items: center;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 883px;
            justify-content: center;

            .Entrance_content__34Dok {
                z-index: 99;
                display: flex;
                flex-direction: column;
                align-items: center;

                .Entrance_subtitle__2IbU6 {
                    margin-bottom: 17px;
                    font-size: 22px;
                    font-family: FZLanTingHeiS-DB1-GBK;
                    color: #000;
                    text-transform: uppercase;
                    line-height: 2.043;
                    text-align: center;
                    letter-spacing: 15px;
                    margin: 0;
                    display: block;
                    margin-block-start: 1em;
                    margin-block-end: 1em;
                    margin-inline-start: 0px;
                    margin-inline-end: 0px;
                    unicode-bidi: isolate;
                }

                .Entrance_title__1a1We {
                    width: 375px;
                    height: 175px;
                    background-image: url(../assets/Musician/0e643288dd076d8e39c29fe401183f8f.png);
                    background-size: cover;
                    margin: 0;
                    line-height: 1;
                    display: block;
                    font-size: 2em;
                    margin-block-start: 0.67em;
                    margin-block-end: 0.67em;
                    margin-inline-start: 0px;
                    margin-inline-end: 0px;
                    font-weight: bold;
                    unicode-bidi: isolate;
                }

                .Entrance_background__1SLt5 {
                    width: 919px;
                    height: 333px;
                    background-image: url(..//assets/Musician/31c859a6416c18086e2d70168f848a62.png);
                    background-size: contain;
                    background-repeat: no-repeat;
                    margin-bottom: 40px;
                }

                .ApplyButtons_btns__dZvhm {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    width: 915px;
                    border-radius: 42px;
                    background-color: #fff;
                    padding: 28px 0;

                    a {
                        text-decoration: none;
                        align-items: center;
                        width: 201px;
                        margin: 0 165px;
                        font-family: PingFangSC-Semibold;
                        font-size: 28px;
                        color: #000;
                        display: flex;
                        cursor: pointer;
                    }

                    .ApplyButtons_spliter__W2bMC {
                        width: 1px;
                        background-color: #000;
                        opacity: .2;
                        height: 30px;
                    }
                }
            }

            .Entrance_footer__3_EpL {
                margin-top: 19px;

                a {
                    text-decoration: none;
                    color: #ff3a3a;
                    font-family: Helvetica;
                    font-size: 14px;
                    padding-bottom: 1px;
                    border-bottom: 1px solid hsla(0, 0%, 100%, 0);
                }
            }
        }
    }

    .Title_container {
        margin-top: 100px;
        text-align: center;

        .Title_title__3U6nG {
            color: #1d1d1f;
            margin: 100px 0 150px;
            font-family: FZLTZHK--GBK1-0;
            font-weight: 500;
            font-size: 52px;
            line-height: 1.3;
        }
    }

    .Footer_container__1j24J {
        width: 100%;
        padding: 32px 40px;
        color: rgba(0, 0, 0, .6);
        font-family: FZLTHK--GBK1-0;
        font-size: 15px;
        display: block;
        unicode-bidi: isolate;

        .Footer_box__3zg0Y {
            max-width: 1060px;
            margin: 0 auto;
            color: rgba(0, 0, 0, .6);
            font-family: FZLTHK--GBK1-0;
            font-size: 15px;

            .Footer_slogon__1CcF1 {
                width: 116px;
                height: 20px;
                display: block;
                background: url(../assets/Musician/obj_wo3DlcOGw6DClTvDisK1_4608285005_a114_5da3_4674_169ae19ca1570c9e9023e6cb6a626fe1.png);
                background-size: cover;
                background-repeat: no-repeat;
                font-family: FZLTHK--GBK1-0;
                font-size: 15px;

                a {
                    color: inherit;
                    text-decoration: none;
                    font-family: FZLTHK--GBK1-0;
                    font-size: 15px;
                }
            }

            .Footer_content__1shg_ {
                display: flex;
                justify-content: space-between;
                align-items: flex-start;
                padding-top: 16px;
                margin-top: 16px;
                border-top: 1px solid rgba(0, 0, 0, .05);


                p {
                    display: block;
                    margin-block-start: 1em;
                    margin-block-end: 1em;
                    margin-inline-start: 0px;
                    margin-inline-end: 0px;
                    unicode-bidi: isolate;

                }

                .a {
                    color: inherit;
                    text-decoration: none;
                }

                .Footer_links__SOqiF {
                    display: flex;
                    width: 280px;
                    justify-content: space-between;
                    align-items: center;
                    transform: scale(.68);
                    transform-origin: right;

                    .Footer_item__3Xcse {
                        padding-bottom: 1px;
                        display: list-item;
                        text-align: -webkit-match-parent;
                        unicode-bidi: isolate;

                        a {
                            color: inherit;
                            text-decoration: none;
                        }
                    }

                    .Footer_divide__1hww4 {
                        width: 1.5px;
                        height: 16px;
                        background-color: rgba(0, 0, 0, .1);
                    }


                }

                ul {
                    list-style: none;
                    margin: 0;
                    margin-block-start: 1em;
                    margin-block-end: 1em;
                    padding-inline-start: 40px;
                    unicode-bidi: isolate;
                }

            }
        }
    }


}
</style>